import { BasicTable } from '@/components/Table';
import { Space } from 'antd';

const columns: any = [
  {
    title: 'testfixedLeft',
    dataIndex: 'testfixedLeft',
    key: 'testfixedLeft',
    width: 100,
    fixed: 'left',
  },
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    width: 100,
    fixed: 'left',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
    width: 200,
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
    width: 200,
  },
  { title: 'Column 1', dataIndex: 'address', key: '1', width: 100 },
  { title: 'Column 2', dataIndex: 'address', key: '2', width: 100 },
  { title: 'Column 3', dataIndex: 'address', key: '3', width: 100 },
  { title: 'Column 4', dataIndex: 'address', key: '4', width: 100 },
  { title: 'Column 5', dataIndex: 'address', key: '5', width: 100 },
  { title: 'Column 6', dataIndex: 'address', key: '6', width: 100 },
  { title: 'Column 7', dataIndex: 'address', key: '7', width: 100 },
  { title: 'Column 8', dataIndex: 'address', key: '8', width: 100 },
  {
    title: 'testShowFalse',
    dataIndex: 'testShowFalse',
    key: 'testShowFalse',
    show: false,
    width: 200,
  },
  {
    title: 'testShowTrue',
    dataIndex: 'testShowTrue',
    key: 'testShowTrue',
    show: true,
    width: 200,
  },

  {
    title: 'testfixedRight',
    dataIndex: 'testfixedRight',
    key: 'testfixedRight',
    fixed: 'right',
    width: 200,
  },
];

export default () => {
  const tableProps = {
    // title: () => <div>基础表格</div>,
    // scroll:{ x: 1200, y: 300 },
    columns,
    toolbar: {
      settings: {
        config: {},
      },
    },
  };
  return (
    <div>
      <Space direction="vertical" size={50}>
        <div>
          1<div>2</div>
        </div>
        <BasicTable {...tableProps} />
      </Space>
    </div>
  );
};
